@import "../../common/style/var.less";
.stall-photo{
  height: 100%;
}
#photo{
  position: fixed;
  left:0;
  width: 100%;
  height: 48px;
  background: #fff;
  padding:0 10px;
  box-sizing: border-box;
  font-size: @font-size-title;
  .photo-scroll{
    white-space: nowrap;
    height: 48px;
    line-height: 48px;
    div.photos-item{
      position: relative;
      display: inline-block;
      min-width: 70px;
      text-align: center;
      padding:0 10px;
      box-sizing: border-box;
      &:last-child{
        margin: 0;
      }
      &.active{
        color: @main-color-b;
      }
      .close{
        position: absolute;
        right: -5px;
        top:50%;
        transform: translateY(-50%);
        display: inline-block;
        color:#fff;
        width: 20px;
        height: 20px;
        line-height: 18px;
        border-radius: 10px;
        background: @main-color-b;
        i{
          display: inline;
          font-size: 12px;
        }
      }
    }
    .bottom_active{
      position: relative;
      top:-3px;
      width: 100%;
      height: 3px;
      .active{
        transition: .3s;
        width: 30px;
        height: 3px;
        border-radius: 3px;
        background: @main-color-b;
      }
    }
  }
}
#content{
  height:100%;
  box-sizing: border-box;
  .content{
    height:100%;
    background:#fff;
    .content-scroll{
      height: 100%;
    }
  }
}
#add-photo{
  position: fixed;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius:22.5px;
  background: @main-bg;
  bottom: 30px;
  right: 10px;
  text-align: center;
  i{
    display: inline;
    font-size:27px;
    color: #fff;
  }
}
